<button nz-button nzType="primary" (click)="showAddModal()">
  创建 Scenario
</button>

<!-- 新增弹框 -->
<nz-modal nzMaskClosable="false" [(nzVisible)]="isAddVisible" nzTitle="新增Scenario" (nzOnCancel)="handleCancel()"
  (nzOnOk)="handleAddOk()" nzOkText="提交">
  <ng-container *nzModalContent>
    <form nz-form [formGroup]="addForm">
      <!-- scenario -->
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="scenario">Scenario</nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="请输入scenario!">
          <input nz-input formControlName="scenario" id="scenario" />
        </nz-form-control>
      </nz-form-item>

      <!-- 场景描述 -->
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="description">description</nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="请输入描述">
          <input nz-input formControlName="description" id="description" />
        </nz-form-control>
      </nz-form-item>


    </form>
  </ng-container>
</nz-modal>